<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>
<script>
        //   var arr =[1,2,3,2,4,1,2,121,2,21,12,1,21,2,12,2323,23,233,23,,3,2,2,3]
    //   var aaa =  arr.reduce((value,item)=>{
    //        value[item]?value[item]++: value[item]=1        
    //        return value
    //     },{})
    //     console.log(aaa); 



    function ajsx(method,url,data,success){
        //创建对象
        var xhr =null
        //1创建ajax对象
        //应为XMLHttpRequest这个对象在ie6版本中没有这个对象，如果ie6版本中的浏览器希望使用ajax需要创建另一个对象
        //var xhr=new XMLHttpRequest()//创建ajax对象
        if(window.XMLHttpRequest){
            xhr=new XMLHttpRequest();
        }else{
            //es6以下需要实例化的对象
            xhr=new ActiveXObject();
        }

        //操作get请求和post的请求不同
        //因为get请求直接在url得知后面进行传递参数
        //post请求需要设置请求头也需要在send中进行传递参数
        if(method=='get'&&data){
            //要进行拼接   data是数据
            url+='?'+data
        }

        //true就是异步操作，false就是同步操作
        xhr.open(method,url,true);
        if(method=='get'){
            //get
            xhr.send()
        }else{
            xhr.setRequestHeader('Content-type',"application/x-www-form-urlencoded")//必须要设置的
        }
    }
</script>